@extends('layout.index')
@section('title','后台用户列表')

@section('content')
<div class="row">
    <div class="col-lg-8">
        <h1 class="page-header">用户列表</h1>

    </div>
    <!-- /.col-lg-12 -->
</div>
<div class="panel panel-default">
    <div class="panel-heading">
       
    </div>
    <!-- /.panel-heading -->
    <div class="panel-body">
        <div class="dataTable_wrapper">
            <div id="dataTables-example_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
			
			<form action="{{url('/admin/user/index')}}" method="get">
            <div class="row"><div class="col-sm-6"><div class="dataTables_length" id="dataTables-example_length"><label>显示 
            <select name="num" aria-controls="dataTables-example" class="form-control input-sm">
            <option value="10"
			@if(!empty($request['num']) && $request['num'] == 10)
			selected	
			@endif
            >10</option>
            <option value="25" 
			@if(!empty($request['num']) && $request['num'] == 25)
			selected
			@endif
            >25</option>
            <option value="50"
			@if(!empty($request['num']) && $request['num'] == 50)
			selected
			@endif
            >50</option>
            <option value="100"
			@if(!empty($request['num']) && $request['num'] == 100)
			selected
			@endif
            >100</option>
            </select> 页</label></div></div><div class="col-sm-6"><div id="dataTables-example_filter" class="dataTables_filter"><label>关键字:<input 
				@if(!empty($request['keywords']))
					value="{{$request['keywords']}}"
				@endif
             name="keywords" type="search" class="form-control input-sm" placeholder="" aria-controls="dataTables-example"></label>
			<button class="btn btn-primary" type="submit">搜索</button>
            </div></div></div>
			
			</form>

            <div class="row"><div class="col-sm-12"><table id="dataTables-example" class="table table-striped table-bordered table-hover dataTable no-footer" role="grid" aria-describedby="dataTables-example_info">
                <thead>
                    <tr role="row">
                    <th class="sorting_asc" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 191px;" aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">ID</th>
                    <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 220px;" aria-label="Browser: activate to sort column ascending">用户名</th>
                    <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 220px;" aria-label="Browser: activate to sort column ascending">邮箱</th>
                    <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 200px;" aria-label="Platform(s): activate to sort column ascending">手机号</th>
                    <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 164px;" aria-label="Engine version: activate to sort column ascending">状态</th>
                    <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 164px;" aria-label="Engine version: activate to sort column ascending">头像</th>
                    <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 119px;" aria-label="CSS grade: activate to sort column ascending">操作</th>
                    </tr>
                </thead>
                <tbody>
				@foreach($users as $k=>$v)
                <tr class="gradeA odd" role="row" >
                        <td class="sorting_1 sid">{{$v->id}}</td>
                        <td>{{$v->username}}</td>
                        <td>{{$v->email}}</td>
                        <td>{{$v->phone}}</td>
                        <td class="center">{{str_replace([1,0],['未激活','已激活'],$v->status)}}</td>
                        <td class="center"><img src="{{$v->pic}}" width="50%" alt=""></td>
                        <td class="center">
                        	<a href="/admin/user/edit?id={{$v->id}}"><button class="btn btn-success btn-circle" type="button"><i class="fa fa-link"></i>
                            </button></a>&nbsp;&nbsp;
                            <button class="btn btn-warning btn-circle btn-del" type="button"><i class="fa fa-times"></i></button>
                        </td>
                    </tr>
                @endforeach
                   </tbody>
            </table></div></div><div class="row"><div class="col-sm-6"><div class="dataTables_paginate paging_simple_numbers" id="dataTables-example_paginate">
            	{!! $users->appends($request)->render() !!}
            </div></div></div></div>
        </div>
        
    </div>
    <!-- /.panel-body -->
</div>
@endsection
@section('myjs')
<script type="text/javascript">
	//绑定单击事件
	$('.btn-del').click(function(){
		var id = $(this).parents('tr').find('.sid').html();
		var btn = $(this);
		//post请求要设置ajax全局配置
		$.ajaxSetup({
		        headers: {
		            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		        }
		});
		//发送ajax post请求
		$.post('{{url("/admin/user/ajaxdel")}}',{id:id},function(data){
			// console.log(data);
			if(data == 1){
				btn.parents('tr').remove();
			}
		})
		//ajax post请求 也会出现 token错误 csrf保护问题 500
		//1    在header中添加下面标签
		// <meta name="csrf-token" content="{{ csrf_token() }}">
		//2  设置ajax全局配置
			// $.ajaxSetup({
			//       headers: {
			//           'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			//       }
			// });
	})
</script>
@endsection